//引入插件
import Vuex from 'vuex';
//引入Vue
import Vue from 'vue';
//使用插件
Vue.use(Vuex);
//数据
const state = {
    
};
const mutations = {};
const actions = {};
//计算属性:仓库用来计算属性的！！！！
const getters = {
      //仓库计算出一个新的属性arr
      //仓库的计算属性，也有缓存机制！！！
      //第一个参数：当前仓库数据state
      //第二个参数：当前计算属性--一般不用！！！！-----这玩意知道即可！！！！
      arr(state,getter){
           //返回的结果即为当前属性的属性值，
           //且filter返回一个新的数据，arr这个属性的属性值即为数组           
        return state.list.filter(item=>item.age>20);
      }
};
//对外暴露Store类的实例
export default new Vuex.Store({
     state,
     mutations,
     actions,
     getters
})